<script setup>
defineProps({
  text: {
    type: String,
    default: '你还没有订单数据'
  }
})
</script>

<template>
  <view class="component">
    <image class="component-image" src="/static/images/kongshuju.jpg" mode="widthFix"></image>
    <view class="component-text">{{ text }}</view>
  </view>
</template>

<style scoped lang="scss">
.component {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  background-color: #f7f7f7;
  .component-image {
    width: 300rpx;
  }
}
</style>
